<template>
    <div class="image-viewer">
      <!-- 直接使用 :src 绑定动态图片URL -->
      <img :src="imageSrc" :alt="altText" />
    </div>
  </template>
  
  <script setup>
  import { computed } from 'vue';
  const props = defineProps({
    imageUrl: String, // 图片URL
    altText: String,  // 图片的替代文本
  });
  
  // 使用计算属性来处理图片路径，调整为正确的相对路径
  const imageSrc = computed(() => {
    // 现在路径正确指向 src/assets 目录下的图片资源
    return new URL(`../../assets/${props.imageUrl}`, import.meta.url).href;
  });
  </script>
  
  <style>
  .image-viewer img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
  </style>
  
  